<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">



    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmEmpleado')}"/>
    </f:metadata>
    <body>

        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">
                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="850"/>
                    <ui:param name="toolBarTitleWidth" value="750"/>
                    <ui:param name="title" value="Empleado"/>
                </ui:include>
                <div align="left">
                    <p:panel header="Informaci&oacute;n de Empleado" style="width: 850px">

                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                        <h:form id="empleado">
                            <h:panelGrid id="pEmpleado1" columns="2">
                                <h:outputText value="Cargo &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" />
                                <h:selectOneMenu value="#{empleadoManaged.selectedEmpleado.codigo_c}" style="width: 300px">
                                    <f:selectItems value="#{empleadoManaged.cargos}" var="cmbCargo" itemLabel="#{cmbCargo.nombre_c}" itemValue="#{cmbCargo.codigo_c}" />
                                </h:selectOneMenu>
                            </h:panelGrid>
                            <h:panelGrid id="pEmpleado2" columns="4" cellpadding="3"  style="width:inherit">
                                <h:outputText value="Nombres &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"/> <p:inputText value="#{empleadoManaged.selectedEmpleado.nombre_em}" style="width: 290px" maxlength="25"  />
                                <h:outputText value="Apellidos "/><p:inputText value="#{empleadoManaged.selectedEmpleado.apellido_em}" style="width: 290px" maxlength="25" />
                            </h:panelGrid>
                            <h:panelGrid id="pEmpleado3" columns="2">
                                <h:outputText value="Direcci&oacute;n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"/> <p:inputTextarea style="width: 665px; height: 30px;"  maxHeight="60" effectDuration="400"  value="#{empleadoManaged.selectedEmpleado.direccion_em}" />
                            </h:panelGrid>
                            <h:panelGrid id="pEmpleado4" columns="10">
                                <h:outputText value="Identificaci&oacute;n" /> <p:inputText value="#{empleadoManaged.selectedEmpleado.indentifacador_em}" style="width: 90px" />
                                <h:outputText value="NIT" /> <p:inputText value="#{empleadoManaged.selectedEmpleado.nit_em}" style="width: 90px" />
                                <h:outputText value="T&eacute;lefono" /> <p:inputText value="#{empleadoManaged.selectedEmpleado.telefono_em}" style="width: 90px" />
                                <h:outputText value="DUI" /><p:inputText value="#{empleadoManaged.selectedEmpleado.dui_em}" style="width: 90px" />
                                <h:outputText value="Celular" /> <p:inputText value="#{empleadoManaged.selectedEmpleado.celular_em}" style="width: 90px" />
                            </h:panelGrid>

                            <div align="center">
                                <h:panelGrid id="cmdButtones" columns="2" cellpadding="5" style="width:inherit">
                                    <p:commandButton value="#{sms.guardar}" onclick="cmdConfirm.show()" image="ui-icon ui-icon-check"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="empleado:pEmpleado1 empleado:pEmpleado2 empleado:pEmpleado3 empleado:pEmpleado4 grid:table"/>
                                    <p:confirmDialog message="#{sms.iAlmacenada}" header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirm">
                                        <p:commandButton value="Si" actionListener="#{empleadoManaged.EmpleadoMantenimiento}" update="grid:table empleado:pEmpleado1 empleado:pEmpleado2 empleado:pEmpleado3 empleado:pEmpleado4 mensaje" oncomplete="cmdConfirm.hide()" />
                                        <p:commandButton value="No" onclick="cmdConfirm.hide()" />
                                    </p:confirmDialog>
                                </h:panelGrid>
                            </div>

                        </h:form>
                        <h:form id="grid">
                            <p:panel header="Datos de Empleado" style="width: inherit" toggleable="true">
                                <f:facet name="header">
                                    <h:outputText value="Datos de Empleado"/>
                                    <p:commandButton image="ui-icon ui-icon-search" actionListener="#{empleadoManaged.fillGrid}" title="Buscar Empleado" update="grid:table mensaje"/>
                                </f:facet>
                                <p:dataTable id="table" value="#{empleadoManaged.empleados}" var="row" rows="15"
                                             paginator="true"  paginatorPosition="bottom" selectionMode="single" selection="#{empleadoManaged.selectedEmpleado}"
                                             emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="empleado:pEmpleado1 empleado:pEmpleado2 empleado:pEmpleado3 empleado:pEmpleado4"   >
                                    <f:facet name="header" >
                                        <h:outputText value="Lista de Empleados"/>
                                    </f:facet>
                                    <p:column filterBy="#{row.indentifacador_em}" filterMatchMode="contains" sortBy="#{row.indentifacador_em}" headerText="Identificaci&oacute;n" >
                                        <h:outputText value="#{row.indentifacador_em}"/>
                                    </p:column>
                                    <p:column filterBy="#{row.nombre_em}" filterMatchMode="contains" sortBy="#{row.nombre_em}" headerText="Nombre" >
                                        <h:outputText value="#{row.nombre_em}"/>
                                    </p:column>
                                    <p:column filterBy="#{row.apellido_em}" filterMatchMode="contains" sortBy="#{row.apellido_em}" headerText="Apellido" >
                                        <h:outputText value="#{row.apellido_em}"/>
                                    </p:column>
                                    <p:column filterBy="#{row.nombre_c}" filterMatchMode="contains" sortBy="#{row.nombre_c}" headerText="Cargo" >
                                        <h:outputText value="#{row.nombre_c}"/>
                                    </p:column>
                                </p:dataTable>
                                <f:facet name="footer">
                                    <br/>
                                    <h:commandLink actionListener="#{GenerarReporte.generateReport}" >
                                        <h:outputText value="Generar Reporte Original"/>
                                    </h:commandLink>

                                    <br/>
                                    <h:commandLink action="#{GenerarReporte.generateReport}" >
                                        <h:outputText value="Generar Reporte Action"/>
                                    </h:commandLink>

                                    <br/>
                                    <h:commandLink action="#{empleadoManaged.EmpleoGenerarReporte}" >
                                        <h:outputText value="Generar Reporte EmpleadoManaged"/>
                                    </h:commandLink>
                                </f:facet>
                            </p:panel>
                        </h:form>                        
                    </p:panel>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>
